<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns:th="http://www.thymeleaf.org" lang="zh">

<head>
<title>JPetStore Demo</title>
<link rel="StyleSheet" href="../static/css/jpetstore.css" type="text/css" media="screen" />
</head>

<body>
	<div id="Content">
		<h2>Welcome to JPetStore 6</h2>

		<p>
			<a href="catalog/main">Enter the Store</a>
		</p>

		<p>
			<sub>Copyright www.mybatis.org </sub>
		</p>

	</div>
</body>
</html>
<style>
	#Content{
		position: relative;
		width: 900px;
		height: 400px;
		padding: 10px;
		margin-top: 120px;
		text-align: center;
		align-content: center;
		align-items: center;
		opacity: 1;
		background-color: #FFFFFF;
		left:50%;
		margin-left: -460px;
		top: 40%;
		border-radius: 10px;
		box-shadow: 1px 0px 1px gray,
		0px -1px 1px  gray,
		-1px 0px 1px gray,
		0px 1px 1px  gray;
	}
	h2{
		margin-top: 70px;
		font-size: 40px;
		color: black;
	}
	p{
		text-align: center;
		font-size: 20px;
		color: rgba(0,0,0,0.9);
	}
	.footer{
		margin-top: 40px;
		color: gray;
	}
	body{
		display: flex;
		position:relative;
		text-align: center;
		align-content: center;
		align-items: center;
		background-color: rgba(255,255,255,0);

	}
</style>
